<template>
  <div class="lottery">
    <div ref="listWrapper" class="list-Wrapper">
      <table class="content">
        <tbody>
        <tr v-for="(item,index) in data" :key="index">
          <td>{{item.qishu}}</td>
          <td>{{item.ball1}}</td>
          <td>{{item.page}}</td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>
<script TYPE="text/ecmascript-6">
  import BScroll from 'better-scroll'

  export default {
    data() {
      return {
        data: []
      }
    },
    created() {
        // this.$http.get(API_PROXY + 'http://zdssc.hiberbest.com/public/index.php').then((res) => {
        this.$http.get('http://zdssc.hiberbest.com/public/index.php').then((res) => {
          this.data = res.data
          // console.log(this.date)
        }).catch((error) => {
          console.log(error)
        })
      this.$nextTick(() => {
        this._initScroll()
      })
    },
    methods: {
      _initScroll() {
        this.tableScroll = new BScroll(this.$refs.listWrapper, {
          click: true
        })
      }
    },
    computed: {

    }
  }
</script>
<style scoped lang="less" rel="stylesheet/less">
  .lottery {
    width: 96%;
    margin-left: 2%;
    overflow: hidden;
    .list-Wrapper {
      height: 356px;
      table {
        width: 100%;
        td {
          width: 33%;
          height: 26px;
          text-align: center;
          border: 1px solid #7e8c8d;
          line-height: 26px;
        }
      }
    }

  }
</style>
